<#import "template/consumer_layout.ftl" as layout>
<@layout.consumer_layout "${PageTitle}">
	
<div class="flat_area grid_16">
	<h2>Profiel Utility</h2>
	<p>You can update your profile utility information and upload your avatar image.</p>
</div>
			
<div class="box grid_16 tabs ">
	<ul class="tab_header grad_colour clearfix">
		<li><a href="#utilityTabs">Profile Utility</a></li>
		<li><a href="#avatarTabs">Profile Avatar/Image</a></li>
	</ul>
	<a href="#" class="grabber">&nbsp;</a>
	<a href="#" class="toggle">&nbsp;</a>
	<div class="toggle_container">
		<div id="utilityTabs" class="block no_padding">
			<div class="tab_inner_container">
				
				<div class="grid_8">
					<label>Gender</label>
					<div class="input_group">
						<select>
							<option value="0">
								Male
							</option>
						</select>
					</div>
					
					<label>Functional Area</label>
					<div class="input_group">
						<select>
							<option value="0">
								Male
							</option>
							<option value="1">
								Female
							</option>
						</select>
					</div>
					
					<label>Company Size</label>
					<div class="input_group">
						<select>
							<option value="0">
								Male
							</option>
							<option value="1">
								Female
							</option>
						</select>
					</div>
				</div>
				<div class="grid_8">
					<label>Education</label>
					<div class="input_group">
						<select>
							<option value="0">
								Male
							</option>
							<option value="1">
								Female
							</option>
						</select>
					</div>
				</div>
			</div>
		</div>
		<div id="avatarTabs" class="block">
			<div class="tab_inner_container">
				<label>Please Upload an Image</label>
				<div class="input_group">
					<input type="file">
				</div>
			</div>
		</div>
	</div>
</div>
</@layout.consumer_layout>